<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="minimal-ui,width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
<title>360X180度全景图预览</title>
<link rel="stylesheet" href="css/example1.css" />
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/three.min.js"></script>
<script src="js/photo-sphere-viewer.min.js"></script>
<script src="js/example1.js"></script>
<!--[if IE]>
		<script src="http://www.jq22.com/jquery/html5.min.js"></script>
	<![endif]-->
<style>
		.jq22-header{ text-align: center; }
	</style>
</head>
<body>
<div class="jq22-container">
<!--
<header class="jq22-header">
<h1>基于Three.js的360X180度全景图预览插件 </h1>
</header>
-->
<div id="content" class="scroll">
<!--<p>下面的例子可以让你调用预定义的全景图来测试这个全景图插件。点击下面的按钮来查看效果。</p>-->
<!--<p>To see this panorama, just hit the link below: currently, the <code>div</code> has a height of 0 pixel but Photo Sphere Viewer will increase it to 500 pixels.</p>-->
<div id="container"></div>
<a href="#" id="go">调用预定义的全景图</a>
<!--<p>Note that the panorama is here given as a relative path, but you can give to Photo Sphere Viewer an absolute one or an URL pointing to another website if this website allows CORS.</p>-->
<!--<p>通过下面的按钮你可以上传自己电脑上的全景图来查看效果。</p>-->

<form method="get" action="example1.html">
<input type="file" name="pano" id="pano" />
</form>
<div id="your-pano"></div>
</div>
</div>
</body>
</html>